import PropTypes from 'prop-types'
import React, { memo } from 'react'
import { ItemWrapper } from './style'

const LongForItem = memo((props) => {
  const { itemData } = props

  return (
    <ItemWrapper>
      <div className="inner">
        <img className="cover" src={itemData.picture_url} alt="" />
        <div className="cover-bg"></div>
        <div className="info">
          <div className="name">{itemData.city}</div>
          <div className="price">
            均价 {itemData.price}
          </div>
        </div>
      </div>
    </ItemWrapper>
  )
})

LongForItem.propTypes = {
  itemData: PropTypes.object
}

export default LongForItem